<template>
    <div>
        <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>客户信息</el-breadcrumb-item>
        </el-breadcrumb><br>
        <el-table
            :data="customer_list"
            style="width: 100%">
                <el-table-column
                    prop="username"
                    label="客户名称"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="address"
                    label="公司地址"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="contacts"
                    label="联系人姓名">
                </el-table-column>
                <el-table-column
                    prop="phone"
                    label="联系人电话"
                    width="180">
                </el-table-column>
            </el-table>
    </div>
</template>
<script>
import {get_customer_list_get} from './axios_api/api.js'
export default {
    data() {
        return {
            customer_list: [],
        }
    },
    mounted() {
        this.get_customer_list()
    },
    methods: {
        get_customer_list(){
            get_customer_list_get().then(res => {
                console.log(res)
                this.customer_list = res.customer_list
            })
        }


    }

}
</script>

<style scoped>

</style>